﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>览月齐鲁</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="BootStrap/css/bootstrap.css" rel="stylesheet"/>
<link href="BootStrap/css/bootstrap-responsive.css" rel="stylesheet"/>
<link href="css/mscook.css" rel="stylesheet" type="text/css" />
<script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
<script src="apps/core.js"></script>
<style>

   
</style>

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="//cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="BootStrap/css/bootstrap-ie6.css">
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="BootStrap/css/ie.css">
<![endif]-->
<!-- Fav and touch icons -->
<!--<link rel="apple-touch-icon-precomposed" sizes="144x144"
      href="http://www.bootcss.com/assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
      href="http://www.bootcss.com/assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
      href="http://www.bootcss.com/assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="http://www.bootcss.com/assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="http://www.bootcss.com/assets/ico/favicon.png">-->
<link rel="shortcut icon" href="Images/mszc.ico">
<style type="text/css" id="holderjs-style">.holderjs-fluid {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    font-family: sans-serif;
    margin: 0
}</style>
</head>

<body>


<!-- NAVBAR
================================================== -->
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="./index.html">览月齐鲁</a>

            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li class="">
                        <a href="./index.htm">主页</a>
                    </li>
                    <li class="active">
                        <a href="./person.htm">人物</a>
                    </li>
                    <li class="">
                        <a href="./scaffolding.html">美食</a>
                    </li>
                    <li class="">
                        <a href="./base-css.html">四方</a>
                    </li>
                    <li class="">
                        <a href="./components.html">经典</a>
                    </li>
                    <li class="">
                        <a href="./javascript.html">特色</a>
                    </li>
                    <li class="">
                        <a href="./customize.html">人物</a>
                    </li>
                </ul>
                <form class="navbar-form pull-right">
                  <input class="span2" type="text" placeholder="Email">
                  <input class="span2" type="password" placeholder="Password">
                  <button type="submit" class="btn">登录</button>
                </form>
            </div>
        </div>
    </div>
</div>


<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide">
    <div class="carousel-inner" style="position:relative" >
        <div class="item" data-image="Images/51d234c5172cc.jpg">
            <img/>

            <div class="container">
                <div class="carousel-caption">
                    <h1>夏雪</h1>

                    <p class="lead">成都中国会所君临顶级餐厅厨师长，功力深厚的他将带给我们怎样的创意与绝招呢，拭目以待。</p>
                    <a class="btn btn-large btn-primary" href="#">查看详细</a>
                </div>
            </div>
        </div>
        <div class="item" data-image="Images/51d678dbc73c1.jpg">
            <img/>

            <div class="container">
                <div class="carousel-caption">
                    <h1>老北京炸酱龙虾面</h1>

                    <p class="lead">大董最新创新菜。虾泥的香味配上虾脑的新鲜，滋味又是别样的妙不可言。</p>
                    <a class="btn btn-large btn-primary" href="#">查看详细</a>
                </div>
            </div>
        </div>
        <div class="item" data-image="Images/51e4b93bb52ca.jpg">
            <img />

            <div class="container">
                <div class="carousel-caption">
                    <h1>松茸沙带子</h1>

                    <p class="lead">两面脆，中间则是原味的鲜甜</p>
                    <a class="btn btn-large btn-primary" href="#">查看详细</a>
                </div>
            </div>
        </div>
    </div>
  <!--  <a id="J_pre" class="left carousel-control" href="#myCarousel" style="height:100px;display:block;font-family:'宋体';"
       data-slide="prev">‹</a>
    <a id="J_next" class="right carousel-control" href="#myCarousel" data-slide="next">›</a>-->
</div>
<!-- /.carousel -->

<div class="container marketing">

    <!-- Three columns of text below the carousel -->
    <div class="row">
        <div class="span4 center">
            <img src="Images/chef-1.jpg"
                 style="width: 140px; height: 140px;" alt="140x140" class="img-circle" data-src="holder.js/140x140">

            <h2>朱万成</h2>

            <p>祖籍中江县的朱万成，16岁开始厨师生涯。尽管只有初中文化的他，却对写作情有独钟。写菜谱，写餐饮文化，即将进入知天命之年的朱万成，在“掌勺飞舞”与“伏案写作”之间找到了完美契合点。他从十六岁一个普通的... ...</p>

            <p><a class="btn" href="#">查看详细»</a></p>
        </div>
        <!-- /.span4 -->
        <div class="span4 center">
            <!--<img src=""
                 style="width: 140px; height: 140px;" alt="140x140" class="img-circle" data-src="holder.js/140x140"> -->
             <img src="Images/chef-2.jpg"
                 style="width: 140px; height: 140px;" alt="140x140" class="img-circle" data-src="holder.js/140x140">
            <h2>黄文超</h2>

            <p>河南商丘，归德南路276号，浙江人家。
     飞檐微翘，雕梁画栋，雅致古典，恍若江南。
     一副对联，入木三分，笔走龙蛇，飘洒有致。“春贝壳，夏菌菇，秋蟹冬龟；东海鲜，西山珍，南菜北味。”</p>

            <p><a class="btn" href="#">查看详细 »</a></p>
        </div>
        <!-- /.span4 -->
        <div class="span4 center">
           <img src="Images/chef-4.jpg"
                 style="width: 140px; height: 140px;" alt="140x140" class="img-circle" data-src="holder.js/140x140">

            <h2>夏雨</h2>

            <p>金鼎海鲜姿造火锅坐落于鞍山市风景秀丽的河滨右岸，东临佛教圣地——历史文化悠久的关帝庙，北邻海城市重点学府——西关小学，地理环境得天独厚。酒店建筑面积一千五百平方米，弧形三层“鼎形”别致景观... ...</p>

            <p><a class="btn" href="#">查看详细 »</a></p>
        </div>
        <!-- /.span4 -->
    </div>
    <!-- /.row -->


    <!-- START THE FEATURETTES -->

    <hr class="featurette-divider">

    <div class="featurette">
        <img class="featurette-image pull-right"src="Images/cook-1.png" />

        <h2 class="featurette-heading">选择美食之窗 <span class="muted smaller">这是您意愿的决定</span></h2>

        <p class="lead">它像一扇窗子，是的，一扇开在美味城堡的窗子。它也像一辆轻便的小车，乘上它，您进行的就是一次舌尖上的旅游，这次美味之旅带给你的，将是前所未有的体会与感受。美食之美还承载了历史人文的气息及饮食文化的属性和社会内涵。从古到今文人对美食的喜欢多显现在其作品里，和吃有关的诗辞歌赋从《诗经》开始至唐宋元明清再及当下。</p>
    </div>

    <hr class="featurette-divider">

    <div class="featurette">
        <img class="featurette-image pull-left"src="Images/cook-2.png" />

        <h2 class="featurette-heading">食不厌精，脍不厌细 <span class="muted smaller">《论语·乡党》：“斋必变食，居必迁坐。食不厌精，脍不厌细。</span></h2>

        <p class="lead">它像一扇窗子，是的，一扇开在美味城堡的窗子。它也像一辆轻便的小车，乘上它，您进行的就是一次舌尖上的旅游，这次美味之旅带给你的，将是前所未有的体会与感受。美食之美还承载了历史人文的气息及饮食文化的属性和社会内涵。从古到今文人对美食的喜欢多显现在其作品里，和吃有关的诗辞歌赋从《诗经》开始至唐宋元明清再及当下。</p>
    </div>

    <hr class="featurette-divider">

    <div class="featurette">
         <img class="featurette-image pull-right"src="Images/cook-3.png" />

        <h2 class="featurette-heading">伴食宰相 <span class="muted smaller">《旧唐书·卢怀慎传》</span></h2>

        <p class="lead">它像一扇窗子，是的，一扇开在美味城堡的窗子。它也像一辆轻便的小车，乘上它，您进行的就是一次舌尖上的旅游，这次美味之旅带给你的，将是前所未有的体会与感受。美食之美还承载了历史人文的气息及饮食文化的属性和社会内涵。从古到今文人对美食的喜欢多显现在其作品里，和吃有关的诗辞歌赋从《诗经》开始至唐宋元明清再及当下。</p>
    </div>

    <hr class="featurette-divider">

    <!-- /END THE FEATURETTES -->


    <!-- FOOTER -->
    <footer>


        <p>© 2013 · mscook<a href="#">美食之窗</a> · <a href="#">团队</a></p>
    </footer>

</div>
<!-- /.container -->


<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<script src="BootStrap/js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="BootStrap/js/bootstrap.js" type="text/javascript"></script>

<!--<script>
    !function ($) {
        $(function () {
            // carousel demo
            $('#myCarousel').carousel()
        })
    } (window.jQuery)
</script>
<script>
    KISSY.use('cook/filter', function (kissy, filter) {
        filter.init();
    })
    KISSY.use('cook/slide2/slide2', function (kissy, slide) {
        new slide();

    })
</script> -->
<script>
//    KISSY.use('cook/slide2/slide2', function (kissy, slide) {
//        new slide();

    //    })
    KISSY.use('gallery/slide/1.1/base', function (_kissy, Slide) {
        var _slide = new Slide('myCarousel', {
            autoSlide: true,
            effect: 'hSlide',
            timeout: 3000,
            speed: 700,
            contentClass : "carousel-inner",
            pannelClass: "item",
            eventType: 'mouseover',
            triggerDelay: 400,
            selectedClass: 'active',
            adaptive_fixed_width: true,
            //carousel:true,
            touchmove: true
        });
        var _is_ie6 = _kissy.UA.ie == 6;
        var _str_data_image="data-image";
        var _lazy_load=function (_op /*_op includes fromIndex and toIndex*/) {
            var _dom=KISSY.DOM;
            var _panel_to_Index = _slide.pannels[_op.index];
            var _img_on_panel_to_Index = KISSY.get("img", _panel_to_Index);
            if (_dom.hasAttr(_panel_to_Index, _str_data_image) && _img_on_panel_to_Index) {
                //!_is_ie6 && _dom.attr(_img_on_panel_to_Index, "src", _dom.attr(_panel_to_Index, _str_data_image));
                _dom.attr(_img_on_panel_to_Index, "src", _dom.attr(_panel_to_Index, _str_data_image));
                _dom.removeAttr(_panel_to_Index, _str_data_image)
            }
        };
//        var _fixPng24= function (_dom_img, _img_url) {
//            var _dom=KISSY.DOM;
//            var _set_filter_and_spaceball = function (_dom_img_t,src) {
//                _dom.css(_dom_img_t, { filter: 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="' + (_img_url || _dom.attr(_dom_img_t, _str_data_image) || src) + '",enabled="true", sizinMethod="scale");' });
//                _dom_img_t.src = "http://www.linjuzaixian.com/Images/spaceball.gif";
//                _dom.show(_dom_img_t)
//            };
//            _dom_img ? _set_filter_and_spaceball(_dom_img) : _kissy.each(_slide.pannels, function (_panel) {
//                var _dom_img=_kissy.get("img", _panel);
//                if (_dom_img)
//                {
//                    _set_filter_and_spaceball(_dom_img,_dom.attr(_panel, _str_data_image));
//                    _dom.show(_dom_img)
//                }
//            })
//        }
        _slide.on("beforeSwitch",_lazy_load);
        //_fixPng24();
        _lazy_load({index:0});

//        S.one('#J_pre').on('click', function (e) {
//            e.halt();
//            C.previous().stop().play();
//        });
//        S.one('#J_next').on('click', function (e) {
//            e.halt();
//            C.next();
//        });
//        S.all('#slides img').on('click', function () {
//            // alert(22);
//        });

    });
</script>
<!--<script src="BootStrap/js/holder.js" type="text/javascript"></script>-->
<!--[if lte IE 6]>
<script type="text/javascript" src="js/bootstrap-ie.js"></script>
<![endif]-->
</body>
</html>